﻿<template>
      <!--send box s-->
      <div class="wrap_letter_send_box">
        <p>
          <i>
            <img src="../../../../static/img/layer_certain_ok_sign.png" alt="" class="layer_ok">
          </i>
          <span class="letter_title">
            发送成功
          </span>
        </p>
        <p>
          愿你们能成为更好
        </p>
         <p>
           的知己好友！
         </p>
         <!--<div class="wrap_user_img">
           <img src="../../../../static/img/test_user_img.jpg" alt="">
         </div>
         <p class="next_title">
           接下来你可以
         </p>
        <div class="layer_certain_btn_1"></div>-->
        <!--<div class="layer_certain_btn_1">跟深入的了解Ta</div>-->
        <!--<div class="layer_certain_btn_2"></div>
        <div class="layer_certain_btn_3"></div>-->
      </div>
</template>
<script>
import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
import "../../../../static/css/Letter/Certain_layer.css";
import { Toast } from 'mint-ui';
export default {
  name: 'hello',
  data () {
    return {
      get_layer_show:this.$store.getters.get_layer_show
    }
  },
  ...mapActions([
    "thom_redirect",
  ]),
  ...mapMutations([
    "Change_certain_layer"
  ]),
  methods: {
    //页面跳转
    certain_jump: function () {
      this.$store.dispatch("thom_redirect",{name:"/letter/SucLetter",router:this.$router});
    },
    hid_layer:function () {
      this.$store.dispatch("thom_redirect",
        {
          name:"/Index_main",router:this.$router
        });
    }
  }
}
</script>
<style scoped>
  .wrap_letter_send_box{
    height:18rem;
  }
  .letter_send_box p:nth-child(1){
    margin-top:1rem;
  }
  .letter_send_box p:nth-child(2){
    margin-top:1rem;
  }
  .layer_certain_btn_1 {
    width: 60%;
    height: 2rem;
    line-height: 2rem;
    margin: 0 auto 0.1rem;
  }
  .layer_certain_btn_2 {
    width: 60%;
    height: 2rem;
    line-height: 2rem;
    margin: 0 auto 0.1rem;
  }
  .wrap_user_img {
    margin-bottom: 0.5rem;
  }
</style>